@charset "gb2312";
/* CSS Document */
/*@import url(public.cssv);*/
.focusBanner { position: relative; }
.focusBanner .prev, .focusBanner .next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background: none; color: #fff; font-size: 30px; text-align: center; width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgba(19, 22, 28, .2); left: 120px; display: none!important}
.focusBanner .prev:hover, .focusBanner .next:hover { background: rgba(19, 22, 28, .5);/* border-color: #1bb8ce; */ }
.focusBanner .next { left: inherit; right: 120px; }
.focusBanner .swiper-pagination-bullet { background: #fff; opacity: 1; }
.focusBanner .swiper-pagination-bullet-active { background: #1bb8ce; }
.focusBanner .hd { position: absolute; z-index: 22; width: 100%; bottom: 100px; text-align: center; height: 12px; }
.focusBanner .hd ul { display: inline-block; }
.focusBanner .hd li { display: block; width: 12px; height: 12px; border-radius: 12px; position: relative; background: #4d4f55; border: 2px solid #55585d; float: left; margin: 0 6px; text-indent: -999999px; cursor: pointer; }
.focusBanner .hd li.on { background: #fff; }
.focusBanner .hd li:before { content: ''; position: absolute; left: -7px; top: -7px; width: 14px; height: 14px; border: 2px solid #58524f; border-radius: 18px; display: none; }
.focusBanner .hd li.on:before { display: none; }
.focusBanner .bd { }
.focusBanner .bd li { }
.focusBanner .bd li a { display: block; background-position: 50% 50%; background-repeat: no-repeat; height: 780px; }
.focusBanner .bd li a img { display: block; margin: 0 auto; }
.mainItemTitle { padding: 140px 0 80px; text-align: center; font-size: 46px; color: #333; line-height: 1; font-weight: 600; }
.mainTitle {/* max-width: 1250px; *//* margin: 0 auto; *//* height: 69px; */border-bottom: 1px solid #ededed;padding: 0 0 20px;text-align: center;}
.mainTitle h2 {font-size: 38px;color: #1d2023;line-height: 1;/* text-align: center; */padding: 0 0 40px;border-bottom: 1px solid #ededed;margin: 0 0 20px;font-weight: lighter;}
.mainTitle ul{display: inline-block;overflow: hidden;vertical-align: top;}
.mainTitle ul li{float: left;/*padding: 0 20px;*/position: relative;}
.mainTitle ul li:before{content:'';width: 1px;height: 14px;background: #e8e8e8;position: absolute;left: -1px;top: 50%;margin-top: -7px;}
.mainTitle ul li a{display: block;font-size: 18px;color: #6e6e6e;line-height: 38px;padding: 0 40px;}
.mainTitle ul li.on{padding: 0 20px;}
.mainTitle ul li.on a{color: #fff;background: #ff6237;}
.mainTitle .more { float: right; line-height: 69px; font-size: 20px; color: #666; padding: 0; min-height: auto; display: inline-block; width: auto; }
.mainTitle .more i { padding: 0 0 0 10px; }
.mainTitle .more:hover { color: #33cbcb; }
.mainTitle .more:before { display: none }
/*s 能耗监测系统功能概述*/
.mainItem_nhjcTab { padding: 0 25px 140px; }
.mainItem_nhjcTab .bd { float: left; padding: 0 0 0 110px; }
.mainItem_nhjcTab .hd { width: 585px; float: right; margin-right: 115px; padding: 70px 0 0 0; }
.mainItem_nhjcTab .hd li { position: relative; padding: 0 0 0 132px; min-height: 135px; }
.mainItem_nhjcTab .hd i { width: 85px; height: 85px; background: url(img/20180705001-01.png) no-repeat 0 0; position: absolute; left: 0; top: 0; }
.mainItem_nhjcTab .hd li:nth-of-type(2) i { background-position: -85px 0; }
.mainItem_nhjcTab .hd li:nth-of-type(3) i { background-position: -170px 0; }
.mainItem_nhjcTab .hd li:nth-of-type(4) i { background-position: -255px 0; }
.mainItem_nhjcTab .hd h3 { font-size: 24px; line-height: 1; color: #38393a; padding: 0 0 10px; }
.mainItem_nhjcTab .hd p { font-size: 18px; line-height: 26px; color: #737171; }
/*e 能耗监测系统功能概述*/
/*s 推荐产品*/
.mainItem_hotPro, .mainItem_txfaTab { background: #f5f6f7; padding: 0 0 140px; }
.mainItem_hotPro .mainItemTitle, .mainItem_txfaTab .mainItemTitle { color: #514d55; }
.mainItem_hotProSlider { padding: 0 0 0px; }
.mainItem_hotProSlider ul { }
.mainItem_hotProSlider li { width: 33.333333%; padding: 0 25px; }
.mainItem_hotProSlider li a { display: block; }
.mainItem_hotProSlider li a .hd { height: 380px; background-size: cover; background-position: center center; position: relative; }
.mainItem_hotProSlider li a .hd i { position: absolute; width: 50px; height: 50px; background: #1bb8ce; border-radius: 42px; color: #fff; line-height: 50px; text-align: center; font-size: 30px; left: 50%; top: 50%; margin: -25px 0 0 -25px; opacity: 0 }
.mainItem_hotProSlider li a .bd { background: #fff; text-align: center; min-height: 120px; padding: 40px 10px 0 10px; }
.mainItem_hotProSlider li a .bd h4 { font-size: 18px; color: #51565c; line-height: 1.5; }
.mainItem_hotProSlider li a .bd p { font-size: 14px; color: #a7afaf; line-height: 1.5;/* padding: 10px; */ }
.mainItem_hotProSlider li a:hover .hd i { opacity: 1; }
.mainItem_hotProSlider li a:hover .bd h4 { color: #1bb8ce; font-weight: bold; }
.mainItem_hotProSlider .swiper-pagination { }
.mainItem_hotProSlider .swiper-pagination-bullet { width: 20px; height: 20px; background: none; opacity: 1; border: 1px solid #c2c2c2; }
.mainItem_hotProSlider .swiper-pagination-bullet-active { border: 3px solid #1bb8ce; }
.mainItem_hotProSliderBox { position: relative; }
/*.mainItem_hotProSliderBox .swiper-button-prev, .mainItem_hotProSliderBox .swiper-button-next { color: #d1d1d1; font-size: 30px; text-align: center; border: 1px solid #d1d1d1; width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: none; top: 190px; }
.mainItem_hotProSliderBox .swiper-button-prev:hover, .mainItem_hotProSliderBox .swiper-button-next:hover { background: #1bb8ce; border-color: #1bb8ce; color: #fff; }
.mainItem_hotProSliderBox .swiper-button-prev { left: -60px; }
.mainItem_hotProSliderBox .swiper-button-next { right: -60px; }*/
.mainItem_hotProSliderBox .swiper-button-prev, .mainItem_hotProSliderBox .swiper-button-next { width: 40px; height: 40px; top: 50%; margin-top: -20px; background: url(img/arrow.png) no-repeat 0 0; text-indent: -9999px; }
.mainItem_hotProSliderBox .swiper-button-prev { left: -30px; background-position: 0 0; }
.mainItem_hotProSliderBox .swiper-button-next { right: -30px; background-position: right 0; }
.mainItem_hotProSliderBox .swiper-button-prev:hover { background-position: 0 bottom; }
.mainItem_hotProSliderBox .swiper-button-next:hover { background-position: right bottom; }
/*e 推荐产品*/

/*s 关于*/
.mainItem_about { line-height: 1; color: rgb(255, 255, 255); text-align: center; background: rgb(255, 255, 255); padding: 50px 0px 83px; }
.mainItem_about .title { height: 125px; text-align: center; margin-bottom: 50px; border-bottom: 1px solid rgb(225, 231, 238); max-width: 50%; margin: 0 auto; }
.mainItem_about h2 { font-size: 46px; font-weight: bold; display: inline-block; height: 125px; line-height: 124px; color: rgb(54, 54, 54); border-bottom: 3px solid rgb(1, 183, 184); }
.mainItem_about h3 { font-size: 30px; color: #363636; text-align: center; padding: 40px 0 38px; }
.mainItem_about p { font-size: 19px; line-height: 34px; color: #000; padding: 0 0 2px 0; text-align: left; text-indent: 38px; letter-spacing: -1px; }
/*E 关于*/
/*S 客户案例*/
.mainItem_caseBox {background: #fff;padding: 100px 0 100px;}
.mainItem_case {/* padding: 30px 0; */}
.mainItem_case .mainItemTitle { padding: 140px 0 90px; color: #1d2023; }
.mainItem_case ul { }
.mainItem_case li {width: 33.333333%;padding: 0 10px 50px;}
.mainItem_case li a.item {display: block;box-shadow: 0px 8px 9px 0px #f7f7f7;border: 1px solid #edf0f4;}
.mainItem_case li a, .mainItem_case li a * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.mainItem_case li a.item .pic { height: 230px; background-size: cover; background-position: center center; }
.mainItem_case li a.item .hd { }
.mainItem_case li a.item .bd {padding: 30px 30px 0;position: relative;/* border: 1px solid #edf0f4; *//* border-top: none; */background: #fff;}
.mainItem_case li a.item .bd span {
    float: right;
    line-height: 46px;
}
.mainItem_case li a.item .bd span i {/* display: block; *//* font-size: 18px; *//* color: #595959; *//* line-height: 1; *//* padding-bottom: 10px; */font-size: 12px;}
.mainItem_case li a.item .bd h4 {font-size: 18px;color: #1d2023;line-height: 26px;margin-bottom: 10px;height: 52px;overflow: hidden;}
.mainItem_case li a.item .bd p {font-size: 14px;line-height: 22px;color: #828282;height: 44px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mainItem_case li a.item .bdHull{
    border-top: 1px solid #eceff4;
    margin: 15px 0 0 0;
    padding: 0 0 10px;
}
.mainItem_case li a.item .bdHull .logos{
    float: left;
    /* max-height: 25px; */
    padding: 10px 0 0 0;
}
.mainItem_case li a.item .bdHull img{
    max-height: 25px;
}
.mainItem_case li a.item:hover h4 {color: #ff6237;/* font-weight: 600; */}
.mainItem_case li a.item:hover { box-shadow:0px 5px 5px -1px rgba(161, 161, 161, 0.2); margin-top: -10px;    margin-bottom: 10px; }
.mainItem_case li a.item:hover .bd p {/* color: #79757d; */}
.mainItem_case li .tag { padding: 20px 0 0 80px; }
.mainItem_case li .tag a { margin-right: 6px; color: #7d7d7d; }
.mainItem_caseWrap {position: relative;margin-top: 60px;margin: 60px -10px 0;}
.mainItem_caseWrap .swiper-button-prev, .mainItem_caseWrap .swiper-button-next { width: 40px; height: 40px; top: 50%; margin-top: -20px; background: url(img/arrow.png?v1) no-repeat 0 0; display: none; }
.mainItem_caseWrap .swiper-button-prev {left: -50px;background-position: 0 0;}
.mainItem_caseWrap .swiper-button-next {right: -50px;background-position: right 0;}
.mainItem_caseWrap .swiper-button-prev:hover { background-position: 0 bottom; }
.mainItem_caseWrap .swiper-button-next:hover { background-position: right bottom; }
.mainItem_caseMore {text-align: center;/* padding: 0 0 50px; */}
.mainItem_caseMore a {line-height: 48px;border: 1px solid #ff6237;/* border-radius: 4px; */display: inline-block;font-size: 18px;padding: 0 95px;color: #ff6237;}
.mainItem_caseMore i { font-size: 12px; padding: 0 0 0 5px; }
.mainItem_caseMore a:hover {background: #ff6237;color: #fff;}
/*e 客户案例*/
.mainPro{background: #f7f9fd;text-align: center;padding: 100px 0;}
.mainPro .tit{ font-size: 38px; color: #1d2023; line-height: 1; /* text-align: center; */ padding: 0 0 30px; font-weight: lighter;}
.mainPro ul{margin: 0 -19px;}
.mainPro li{float:left;width: 50%;padding: 38px 19px 0;}
.mainPro li a{display: block;background: #fff;line-height: 1;}
.mainPro li .pic{position: relative;}
.mainPro li .pic img{}
.mainPro li a .pic span{position: absolute;left: 50%;bottom: 0;/* margin-left: -25%; */transform: translateX(-50%);display: block;min-width: 84%;background: #ff6237;line-height: 32px;font-size: 18px;color: #fff;border-radius: 15px 15px 0 0;}
.mainPro li .bd{border: 1px solid #eff1f5;border-width: 0 1px 1px 1px;padding: 30px 0 30px;}
.mainPro li a .logos{ display: inline-block; position: relative; padding: 0 10px 0 0; margin: 0 7px 0 0; min-height: 20px;}
.mainPro li a .logos img{float: left;max-height: 20px;}
.mainPro li a .logos:before{content:'';width: 1px;height: 16px;background: #444;position: absolute;right: 0;top: 2px;}
.mainPro li a h2{display: inline-block;line-height: 20px;font-size: 20px;vertical-align: top;color: #222;}
.mainPro li a p{font-size: 16px;color: #222;padding: 15px 0 25px;}
.mainPro li a .price{ display: inline-block; background: #222; height: 36px; border-radius: 36px; color: #fff; line-height: 36px; padding: 0 52px 0 28px; font-size: 24px; position: relative;}
.mainPro li a .price em{font-size: 16px;padding: 0 3px;}
.mainPro li a .price i{width: 26px;height: 26px;text-align: center;background: #fff;border-radius: 26px;color: #222;font-size: 14px;display: block;line-height: 26px;position: absolute;right: 9px;top: 5px;}





.section-about{ text-align: center}
.section-about .wrap{position: relative;}
.section-about .title{line-height: 1;font-size: 38px;color: #1d2023;/* padding: 94px 0 0 0; */font-weight: lighter;/* position: absolute; */color: #fff;text-align: center;width: 100%;text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82);}
.section-about .title p{font-size: 24px;padding: 28px 0 0 0;font-weight: lighter;}
.section-about .hd{position: absolute;left: 0;top: 94px;text-align: center;width: 100%;z-index: 9;}
.section-about .hd ul{/* position: absolute; *//* left: 0; *//* top: 220px; *//* text-align: center; *//* width: 100%; */padding: 35px 0 0 0;}
.section-about .hd li{margin: 0 25px;font-size: 22px;line-height: 46px;background: #cccdd0;border-radius: 46px;color: #fff;padding: 0 30px;cursor: pointer;display: inline-block;} 
.section-about .hd li.on{background: #ff6237;/* background: #ed9611; */}
.section-about img{}



@media (max-device-width: 1024px) {
.mainItem_nhjcTab .bd { padding-left: 60px; }
.mainItem_nhjcTab .hd { margin-right: 65px; }
.mainItem_hotPro, .mainItem_txfaTab { padding-bottom: 100px!important; }
.mainItem_hotProSliderBox .swiper-button-prev, .mainItem_caseWrap .swiper-button-prev { left: -50px; }
.mainItem_hotProSliderBox .swiper-button-next, .mainItem_caseWrap .swiper-button-next { right: -50px; }
.mainItem_txfaTabCon .bd img { width: 60%; }
.mainItem_txfaTabCon .bd .text { width: 38%; }
.mainItem_newsItem { width: 29%; margin-right: 1%; }
.mainItem_newsItem:first-of-type { width: 40%!important; }
}

@media (max-device-width: 780px) {
}